$fs: .33rem .27rem;
.box {
    width: 6.4rem;
    height: 11.36rem;
    background: url(../images/56.png) no-repeat;
    background-size: 100% 100%;
    .top {
        width: 6.4rem;
        height: 2rem;
    }
    .zjian {
        width: 6.4rem;
        height: 4.14rem;
    }
    .bottom {
        width: 6.4rem;
        height: 5.19rem;
    }
}
.box .top p{
    font-size: nth($fs, 1);
    padding-top: 1.03rem;
    padding-left: .4rem;
    box-sizing: border-box;
}
.box .zjian p {
    text-align: center;
}
.box .bottom a, .box .bottom a img {
    display: inline-block;
    width: 3.77rem;
    height: 0.77rem;
   
}
.box .bottom a {
    margin-left: .58rem;
    margin-top: .2rem;
    font-size: nth($fs, 2);
    line-height: .5rem;
    padding-left: .15rem;
    box-sizing: border-box;
}
.box .bottom a:nth-child(1) {
    margin-top: .67rem;
    background: url(../images/22_17.png) no-repeat;
    background-size:100% 100%;
}
.box .bottom a:nth-child(2) {
    background: url(../images/22_17.png) no-repeat;
    background-size:100% 100%;
}
.box .bottom a:nth-child(3) {
    background: url(../images/22_17.png) no-repeat;
    background-size:100% 100%;
}
.box .bottom a:nth-child(4) {
    background: url(../images/22_17.png) no-repeat;
    background-size:100% 100%;
}
.box .bottom span img {
    width: 1.34rem;
    height: 1.34rem;
    // display: inline-block;
    margin-right: .6rem;
    float: right;
}
.box .bottom span {
    width: 1.34rem;
    height: 1.34rem;
   display: inline-block;
  float: right;
 margin-right: .6rem;
 margin-top: .2rem;
    animation: kg 2.3s steps(1, end) infinite;
  }
  
  
  @keyframes kg {
    0% {
      background: url("../images/23_03.png") no-repeat center center;
      background-size:100% 100%;
    }
    10% {
      background: url("../images/31_03.png") no-repeat center center;
      background-size:100% 100%;
    }
    20% {
      background: url("../images/114_07.png") no-repeat center center;
      background-size:100% 100%;
    }
    30% {
      background: url("../images/116_07.png") no-repeat center center;
      background-size:100% 100%;
    }
    40% {
      background: url("../images/117_07.png") no-repeat center center;
      background-size:100% 100%;
    }
    50% {
      background: url("../images/118_07.png") no-repeat center center;
      background-size:100% 100%;
    }
    60% {
      background: url("../images/119_07.png") no-repeat center center;
      background-size:100% 100%;
    }
    70% {
      background: url("../images/121_07.png") no-repeat center center;
      background-size:100% 100%;
    }
    80% {
      background: url("../images/128_03_07.png") no-repeat center center;
      background-size:100% 100%;
    }
    90% {
      background: url("../images/31_03.png") no-repeat center center;
      background-size:100% 100%;
    }
  }
